<template>
	<view class="searchbox">
		<navigator url="../../pages/search/search">
			<view class="innerbox">
				<image class="" src="../../static/search.png" mode="widthFix" lazy-load="false" />
				请输入关键字搜索
			</view>
		</navigator>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	}
};
</script>

<style lang="scss" scoped>
.searchbox {
	width: 100%;
	height: 100upx;
	border-top: 1upx solid transparent;
	navigator {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		background: $uni-bg-color;
		.innerbox {
			background: white;
			opacity: 0.5;
			height: 70upx;
			line-height: 70upx;
			vertical-align: middle;
			width: 96%;
			margin-left: 2%;
			border-radius: 35upx;
			text-align: center;
			font-size:26upx;
			image {
				vertical-align: middle;
				margin-right: 10upx;
				width: 60upx;
				height: auto;
			}
		}
	}
}
</style>
